<template>
    <div>
        <div class="header-top">
        <img src="kandian/zufang/1.png" @click="funr() "/>
        <h3>我是业主</h3>
      </div>
      <div class="mynav">
          <img src="kandian/zufang/bg.png" alt="" class="imgd">
          <div class="imge"><van-button type="primary" to="/yijian">一键出租</van-button></div>
          
          
          
      </div>
        <Botbar />
    </div>
</template>
<script>
import Botbar from "@/components/zufang/botbar.vue"
export default {
    components:{
        Botbar 
    },
    methods:{
        funr(){
            this.$router.push("/zu")
        }
    }
}
</script>
<style scoped>
    .header-top {
  background: white;
  height: 50px;
  line-height: 50px;
  width: 100%;
  position: fixed;
  top: 0px;
  padding-right: 40px;
  padding-left: 20px;
  z-index: 100;
}
.header-top h3 {
  text-align: center;
  font-weight: bold;
}
.header-top img {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 14px;
}
.mynav{
    width:100%;
    margin-top:20px;
}
.mynav img{
    width:100%;
}
.imgd{
    position:relative;
}
.imge{
    position: absolute;
    z-index: 10;
    top:480px;
    left:135px;
}
</style>